<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>econtact-footer</title>
    <style type="text/css">
    	body { margin:0; padding:0; width:100%;}
		html { padding:0; margin:0;}
	    /********** header **********/
		.header { background:#e1ecef; padding:0; margin:0 auto;height:100px;}
    	.block_header {margin-left:50px;  width:986px; padding:0;}
		/* logo */
		.logo {  padding:0; margin:0; width:177px;height:97px;float:left;border:1px solid red;}
		/* info */
		.info { padding-top:20px; margin:0; float:right; width:340px;border:1px solid red;}
		
		/* menu */	
		.menu { float:left;padding-left:168px; padding-top:25px; width:620px;display: block;}
		.menu ul { text-align:right; padding:0; margin:0; list-style:none; border:0; height:35px;}
		.menu ul li { float:left; margin:0; padding:0 5px; border:0; height:35px;}
		.menu ul li a { float:left; margin:0; padding:10px 0; color:#5c8783; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none;}
		.menu ul li a span { padding:10px 13px; background:none;}
		.menu ul li a:hover { background:url(../images/r_menu.gif) right no-repeat;}
		.menu ul li a:hover span { background:url(../images/l_menu.gif) left no-repeat;}
		.menu ul li a.active { background:url(../images/r_menu.gif) right no-repeat;}
		.menu ul li a.active span { background:url(../images/l_menu.gif) left no-repeat;}
		/* top_bg */
		.top_bg { background:url(../images/top_bg.gif) top repeat-x; margin:0; padding:0;}
		.top_bg2 { background:url(../images/top_bg2.gif) top repeat-x; margin:0; padding:0; height:23px}
		.top_bg_resize { width:100%; height:50px;margin:0 auto; padding:0;}
		.top_bg_resize img { float:left; margin:0; padding:0;}
		
		/* nav */
		.nav{padding-left: 200px;margin-top:15px; position: absolute;}
		.nav ul{list-style: none;margin: 0;padding-left: 100px;display: none;}
		.nav ul li{float: left;padding-left: 50px;}
		
		
    </style>
    
  </head>
  
  <body>
     	<!---------------------------------------------------------->
  <div class="header"  >
	<div class="block_header"> 
	 <div class="logo"><a href="index.html">我是logo</a></div>


      <div class="info">
		我是乱七八糟
      </div>



      <div class="menu">
        <ul>
          <li><a id="oneLevelNav_home" href="#"><span>主  页</span></a></li>
          <li><a id="oneLevelNav_contact" href="#"><span>联  系  人</span></a></li>
          <li><a id="oneLevelNav_email" href="#"><span>邮  件</span></a></li>
          <li><a id="oneLevelNav_pic" href="#"><span>图  片</span></a></li>
          <li><a id="oneLevelNav_report" href="#"><span>报  告</span></a></li>
        </ul>       
      </div>         
    </div>
  </div>
  <!---------------------------------------------------------->  
  <div class="top_bg">
	<div class="top_bg_resize">
		<div class="nav">
			<ul id="twoLevelNav_home">
				<li>home</li>
			</ul>
			<ul id="twoLevelNav_contact">
				<li>contact</li>
			</ul>
			<ul id="twoLevelNav_email">
				<li>email</li>
			</ul>
			<ul id="twoLevelNav_pic">
				<li>pic</li>
			</ul>
			<ul id="twoLevelNav_report">
				<li>report</li>
				<li>report</li>
				<li>report</li>
			</ul>
		</div>
	</div>
  </div>
<!---------------------------------------------------------->




<script type="text/javascript">
   document.getElementById("oneLevelNav_<%=request.getParameter("oneLevel")%>").className="active";
   document.getElementById("twoLevelNav_<%=request.getParameter("oneLevel")%>").style.display="block";
</script>
    
    
    
  </body>
</html>
